<!--
  SlideshowCell.vue
  gree_ctm

  Created by 汪明 on 17:23.
 -->
<template>
    <swiper class="SlideshowCell"
            :autoplay="true"
            :indicator-dots="true"
            indicator-color="white"
            indicator-active-color="rgb(235, 55, 42)">
        <swiper-item v-for="(item,index) in banners" :key="item.thumbUrl">
            <image class="image-view" :src="getConfig().imageURL(item.thumbUrl)"></image>
        </swiper-item>
    </swiper>
</template>

<script setup lang="ts">
import getConfig from '@/api/config';
import type {Banner} from "@/Types/HomeTypes";



const props = defineProps<{
    banners:Banner[]
}>()
</script>

<style scoped lang="scss">
.SlideshowCell {
  box-sizing: border-box;
  width: 100%;
  height: 135px;;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  .image-view {
    height: 100%;
    width: 100%;
    border-radius: 12px;
  }
}
</style>
